<!DOCTYPE html>
<html lang="zh-Hans">
<head>
    @import "mate.html"
    <title>银联实名认证注册</title>
    <link rel="stylesheet" href="../assets/weui/lib/weui.min.css">
    <link rel="stylesheet" href="../assets/weui/css/jquery-weui.min.css">
    <link rel="stylesheet" href="../css/style.min.css">
</head>
<body>
<div class="padding-bottom">
    <div class="flow-header">
        <div class="line-gary"></div>
        <div class="line-blue-one"></div>
        <div class="line-blue-two"></div>
        <div class="weui-flex cert-flow">
            <div class="weui-flex__item flow-done">
                <div class="flow-step flow-step-one">
                    <i></i>
                </div>
                <p class="flow-text">注册方式</p>
            </div>
            <div class="weui-flex__item flow-done">
                <div class="flow-step flow-step-three">
                    <i></i>
                </div>
                <p class="flow-text">校验信息</p>
            </div>
            <div class="weui-flex__item flow-done">
                <div class="flow-step flow-step-two">
                    <i></i>
                </div>
                <p class="flow-text">填写资料</p>
            </div>
            <div class="weui-flex__item">
                <div class="flow-step flow-step-four">
                    <i></i>
                </div>
                <p class="flow-text">注册完成</p>
            </div>
        </div>
    </div>
    <div class="type-title"><i class="type-unionpay-icon"></i><span>银联实名认证注册</span></div>
    <form action="">
        <div class="weui-cells weui-cells_form tax-form">
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">姓名</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请输入姓名" data-type="required">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label class="weui-label">身份证件</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="ID-card" type="text" value="" placeholder="请选择" readonly>
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">证件号码</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请输入证件号码">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">手机号</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="tel" placeholder="请输入手机号">
                </div>
            </div>
            <!--<div class="weui-cell weui-cell_vcode">
                <div class="weui-cell__hd"><label class="weui-label">验证码</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="number" placeholder="请输入验证码">
                </div>
                <div class="weui-cell__ft">
                    <button id="yz-code" class="weui-vcode-btn">获取验证码</button>
                </div>
            </div>-->
        </div>
        <div class="com-btn">
            <a href="certificationUnionpayDone.html" type="submit" class="weui-btn btn-default">申请校验</a>
        </div>
    </form>
</div>


@import "footer.html"
<script src="../assets/nice/jquery.validator.min.js"></script>
<script>
  $(function () {
    $('#ID-card').select({
      title: "选择证件类型",
      items: ["身份证", "学生证", "残疾证"]
    });

    $('#yz-code').on('click',function (e) {
      e.stopPropagation();
      var timeNum=5;
      $(this).text(timeNum+'秒后再获取').attr('disabled', true);
      timeNum--;
      var timer=setInterval(function () {
        if(timeNum>0){
          $(this).text(timeNum+'秒后再获取').attr('disabled', true);
          timeNum--;
        }else {
          clearInterval(timer);
          timer=null;
          $(this).text('获取验证码').attr('disabled',false);
        }
      }.bind(this),1000)
    });


  });
</script>
</body>
</html>